@import '../../variables.css';

.xwd-float-button {
  &.ant-float-btn {
    transition: all 0.3s;

    &:hover {
      opacity: 0.85;
    }

    .ant-float-btn-body {
      background-color: #fff;
      border-radius: inherit;
      box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    }

    &.ant-float-btn-primary {
      .ant-float-btn-body {
        background-color: var(--xwd-primary);
      }
    }
  }
}

.xwd-float-button-group {
  .ant-float-btn {
    margin: 8px 0;
  }
}
